Ext.define('Html5App.view.customer.NewOrderSelectProductInfo', {
	alternateClassName : 'newOrderSelectProductInfo',
	extend : 'Ext.Container',
	xtype : 'newOrderSelectProductInfo',
	id : 'newOrderSelectProductInfo',
	requires : [],
	config : {
		height : '100%',
		items : [{
			xtype : 'container',
			cls : 'customer-new-order-label',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 5,
				cls : 'customer-new-order-padding customer-new-order-name',
				id : 'customer-new-order-customer-name',
				html : ''
			},{
				flex : 1,
				xtype : 'panel',
				cls : 'customer-new-order-padding',
				html : '新訂單'
			}]
		},{
			xtype : 'container',
			cls : 'customer-new-order-info',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 3,
				xtype : 'container',
				items : [{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '訂單日期：'
					},{
						flex : 1.,
						cls : 'customer-new-order-info-right',
						id : 'order-date',
						html : ''
					},{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '付款方式：'
					},{
						flex : 0.7,
						cls : 'customer-new-order-info-right',
						id : 'payment-mode',
						html : ''
					}]
				},{
					xtype : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '送貨日期：'
					},{
						flex : 1,
						cls : 'customer-new-order-info-right',
						id : 'delivery-date',
						html : ''
					},{
						flex : 1,
						cls : 'customer-new-order-info-left',
						html : '貨款餘額：'
					},{
						flex : 0.7,
						cls : 'customer-new-order-info-right',
						id : 'balance',
						html : '$0.00'
					}]
				}]
			},{
				flex : 0.8,
				xtype : 'container',
				items : [{
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					action : 'selectBrand',
					html : '選擇貨品'
				},{
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					action : 'selectCancel',
					html : '取消'
				}]
			}]
		},{
			xtype : 'container',
			layout : {
				type : 'hbox'
			},
			cls : 'customer-new-order-info',
			style : 'border-bottom: 1px solid #CFCFCF;',
			items : [{
				flex : 1.356,
				cls : 'customer-new-order-info-left',
				html : '送貨地址：'
			},{
				flex : 5,
				cls : 'customer-new-order-info-right',
				style : 'overflow: hidden;',
				id : 'delivery-address',
				html : ''
			}]
		},{
			xtype : 'container',
			cls : 'customer-new-order-product-info-container',
			scrollable : 'vertical',
			height : '100%',
			items : [{
				xtype : 'container',
				cls : 'customer-new-order-product-info-date',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1,
					html : 'Call Card記錄',
					cls : 'customer-new-order-product-info-left',
					style : 'line-height:2.3rem;'
				},{
					flex : 1,
					xtype: 'custom_date_field',
					id: 'callCardEndDate',
					value: '',
					data: ''
				},{
					flex : 1,
					html : '起之前14天記錄',
					cls : 'customer-new-order-product-info-right',
					style : 'line-height:2.3rem;'
				}]
			},{
				xtype : 'container',
				id : 'call-card-data',
				html : ''
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 3,
					xtype : 'container',
					items : [{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '貨品名稱：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'productName',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '單價：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'unitPrice',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '尚餘貨品配額：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'itemBalance',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '單位：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'unit',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '包裝：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'packaging',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '貨品編號：',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : '',
							id : 'itemCode',
							cls : 'customer-new-order-product-info-right'
						}]
					},{
						xtype : 'container',
						layout : {
							type : 'hbox'
						},
						items : [{
							flex : 1.5,
							html : '優惠　',
							cls : 'customer-new-order-product-info-left'
						},{
							flex : 2,
							html : ''
						}]
					}]
				},{
					flex : 1,
					xtype : 'container',
					style : 'text-align:center;max-height:9.6rem',
					id : 'product-info-image',
					html : ''
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 2,
					html : '請輸入訂貨數量',
					cls : 'customer-new-order-product-info-left',
					style : 'line-height:2.3rem;'
				},{
					flex : 1.8,
					html : '<input style="margin-top: 0.2rem;border-radius:3px;text-align:center;border:1px solid #888888;height:1.6rem;width:4rem;" onkeyup="javascript:custom.onkeyupOrderNum(\'orderNum\')" onblur="javascript:custom.onkeyupOrderNum(\'orderNum\')" type="text" id="orderNum" name="orderNum" value="" />'
				},{
					flex : 1,
					html : '項計：$',
					cls : 'customer-new-order-product-info-left',
					style : 'line-height:2.3rem;'
				},{
					flex : 1.5,
					id : 'itemTotal',
					html : '0.00',
					cls : 'customer-new-order-product-info-right',
					style : 'line-height:2.3rem;'
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.5
				},{
					flex : 2,
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					action : 'confirmButton',
					html : '確定'
				},{
					flex : 1
				},{
					flex : 2,
					xtype : 'button',
					cls : 'customer-new-order-select-commodity-button',
					id : 'cancelButton',
					action : 'typeTap',
					html : '取消'
				},{
					flex : 1.5
				}]
			},{
				xtype : 'container',
				cls : 'customer-new-order-product-info-bottom'
			}]
		}]
	}
});